export default {
  // 为当前模块开启命名空间
  namespaced: true,
  // cart 的 state，存储购物车共享的数据
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: JSON.parse(uni.getStorageSync('cartList') || '[]') 
  }),
  // cart 小仓库的 mutation，唯一能修改state里面的数据的 mutations
  mutations: {
    // 添加商品到购物车
    addToCart(state, goods) {
      // 返回查找到的第一个符合条件的元素的值，找不到返回undefined
      const findResult = state.cart.find(item => item.goods_id === goods.goods_id)
      // 判断 cart 里面有符合条件的元素，findResult 的值就是这个元素的值，如果没有则 findResult 的值为 undefined
      if (!findResult) {
        // 如果cart数组里面没有符合条件的元素，那么追加到cart数组中
        state.cart.push(goods)
      } else {
        // 如果cart数组里面有符合条件的元素，那么将这个元素里面的goods_count的值+1
        findResult.goods_count++
      }
      this.commit('cart/saveToStorage')
    },
    // 将购物车商品信息存储到本地缓存
    saveToStorage(state) {
      uni.setStorageSync('cartList', JSON.stringify(state.cart))
    },
    // 更改购物车商品的选中状态
    changeChecked(state, goods) {
      // 查找对应id的商品
      const findResult = state.cart.find(item => item.goods_id === goods.goods_id)
      // 将找到的对应id的商品的状态进行修改
      if (findResult) {
        findResult.goods_state = goods.goods_state
        // 将修改完状态的商品列表重新存储到本地
        this.commit('cart/saveToStorage')
      }
      },
      // 删除购物车商品
      deleteGoods(state, goods) {
       // 查找对应id的商品的下标
       const findResultIndex = state.cart.findIndex(item => item.goods_id === goods.goods_id)
       // 如果找到了对应id的商品
       if (findResultIndex !== -1) {
         state.cart.splice(findResultIndex, 1)
         this.commit('cart/saveToStorage')
       }
    },
    // 更改购物车商品数量
    changeNum(state, goods) {
      // 查找对应id的元素
      const findResult = state.cart.find(item => item.goods_id === goods.goods_id)
      // 如果查找到了对应id 的元素
      if (findResult) {
        // 将新的商品数量赋值对应id的元素的goods_count
        findResult.goods_count = goods.goods_count
        // 重新存储到本地缓存
        this.commit('cart/saveToStorage')
      }
    },
    // 更新所有商品的勾选状态
    updateAllState(state, newState) {
      state.cart.forEach(item => item.goods_state = newState)
      // 保存到本地缓存
      this.commit('cart/saveToStorage')
    }
  },
  // cart仓库的 getters，类似于计算属性，用来对state里面的数据进行加工处理
  getters: {
    // 购物车商品总数量
    total(state) {
      // 购物车商品总数量
      // let cartTotal = 0
      // state.cart.forEach(item => {
      //   cartTotal += item.goods_count
      // })
      // return cartTotal
      return state.cart.reduce((total,item) => total += item.goods_count, 0)
    },
    // 购物车已选中的商品的总数量
    checkedTotal(state) {
      return state.cart.filter(item => item.goods_state).reduce((total, item) => total += item.goods_count,0)
    },
    // 获取所有已勾选的商品的总价格
    priceTotal(state) {
      return state.cart.filter(item => item.goods_state).reduce((total, item) => total += item.goods_price * item.goods_count, 0).toFixed(2)
    }
  },
  // cart仓库的 actions
  actions: {}
}
